﻿
@using MyCompanyName.AbpZeroTemplate.Web.Areas.Mpa.Models.Common.Modals
@using Abp.Application.Services.Dto
@using MyCompanyName.AbpZeroTemplate.Web.Areas.Mpa.Models.Common.Modals
@using Abp.Web.Mvc.Extensions
@using MyCompanyName.AbpZeroTemplate.Authorization
@using MyCompanyName.AbpZeroTemplate.Web.Navigation
@*@using X.PagedList.Mvc
    @using X.PagedList*@

@{
    ViewBag.CurrentPageName = PageNames.App.CardManager.RechargeCard;
}
@section Scripts 
{
    @Html.IncludeScript("~/Areas/Mpa/Views/Card/RechargeCard.js")
}
@Html.IncludeStyle("~/libs/bootstrap-modal/css/bootstrap-modal.css")
@Html.IncludeStyle("~/libs/bootstrap-modal/css/bootstrap-modal-bs3patch.css")

<style>
    .divflow {
        margin-left: -40px;
        margin-right: 0px;
    }
</style>
<div class="row">
    <div class="col-md-12">
        <div class="portlet light form-fit bordered">
            <div class="portlet-title" style="padding:8px 0px 0px 0px!important;">
                <!--标题-->
                <div class="col-md-3">
                    <div class="caption font-dark" style="padding-top:10px;font-size:15px;">
                        <i class="icon-settings font-dark"></i>
                        <span class="caption-subject bold uppercase"> 卡片充值</span>
                    </div>
                </div>
                <div class="col-md-4">

                </div>
                <div class="col-md-3">

                </div>
                <div class="col-md-2">
                    <div class="btn-group" style="float:right;">
                        <button type="button" class="btn blue" onclick="history.back(-1);">返回</button>
                    </div>
                </div>

            </div>
            <div style="background-color:#0066b3;width:100%;height:2px;">
            </div>
            <!--内容-->
            <div class="portlet-body">
                <form action="#" id="form_sample_1" class="form-horizontal" novalidate="novalidate" style="overflow:hidden;">
                    <div class="form-body" style="overflow:hidden;">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group divflow">
                                    <label class="control-label col-md-4">
                                        卡号
                                        <span class="required" aria-required="true"> * </span>
                                    </label>
                                    <div class="col-md-6">
                                        <input id="UCCIDId" type="text" class="form-control" placeholder="卡号" value="">
                                        
                                    </div>
                                    <button class="btn blue" type="button" onclick="GetMsgByCardCode()">查询</button>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group divflow">
                                    <label class="control-label col-md-4">
                                        充值方式
                                        <span class="required" aria-required="true"> * </span>
                                    </label>
                                    <div class="col-md-6">
                                        @*<input id="RechargeTypeId" type="text" class="form-control" placeholder="充值方式" value="">*@
                                        <select class="form-control" id="RechargeTypeId" placeholder="充值方式" disabled>
                                            <option value="0"></option>
                                            <option value="1" selected>平台充值</option>
                                            <option value="2">微信充值</option>
                                            <option value="3">支付宝充值</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group divflow">
                                    <label class="control-label col-md-4">
                                        充值数量(M)
                                        <span class="required" aria-required="true"> * </span>
                                    </label>
                                    <div class="col-md-6">
                                        <input type="text" id="QtyId" data-required="1" class="form-control" placeholder="充值数量(M)" value="">
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group divflow">
                                    <label class="control-label col-md-4">
                                        充值前余额(M)
                                        <span class="required" aria-required="true"> * </span>
                                    </label>
                                    <div class="col-md-6">
                                        <input type="text" id="PreQtyId" data-required="1" class="form-control" placeholder="充值前余额(M)" disabled value="">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group divflow">
                                    <label class="control-label col-md-2">
                                        备注
                                    </label>
                                    <div class="col-md-8">
                                        <textarea id="RemarkId" data-required="1" class="form-control" placeholder="备注" rows="3"></textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-actions" style="border-top:1px solid #0066b3;padding:20px;margin:0;">
                        <div class="row">
                            <div class="col-md-offset-10 col-md-9">
                                <button type="button" class="btn green" onclick="CreateSave();">提 交</button>
                                <button type="button" class="btn grey-salsa btn-outline" onclick="history.back(-1);">取 消</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>